<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">  
    <title>My JSP 'hello.jsp' starting page</title>  
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
    <link href="bootstrap/stylesheets/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
	<link href="bootstrap/stylesheets/font-awesome.css" media="all" rel="stylesheet" type="text/css" />
	<link href="bootstrap/stylesheets/se7en-font.css" media="all" rel="stylesheet" type="text/css" />
	<link href="bootstrap/stylesheets/style.css" media="all" rel="stylesheet" type="text/css" />
    <script src="bootstrap/javascripts/jquery.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery-ui.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/bootstrap.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/raphael.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.mousewheel.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.vmap.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.vmap.sampledata.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.vmap.world.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.bootstrap.wizard.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/fullcalendar.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/gcal.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.dataTables.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/datatable-editable.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.easy-pie-chart.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/excanvas.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.isotope.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/masonry.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/modernizr.custom.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.fancybox.pack.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/select2.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/styleswitcher.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/wysiwyg.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.inputmask.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.validate.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/bootstrap-fileupload.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/bootstrap-datepicker.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/bootstrap-timepicker.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/bootstrap-colorpicker.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/bootstrap-switch.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/daterange-picker.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/date.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/morris.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/skycons.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/jquery.sparkline.min.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/fitvids.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/main.js" type="text/javascript"></script>
	<script src="bootstrap/javascripts/respond.js" type="text/javascript"></script>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
  </head> 
  <body class="login1">
<div class="login-wrapper">
      <div class="login-container">
        <form action="${pageContext.request.contextPath}/user/login" method="post" >
          <div class="form-group">
            <input class="form-control" placeholder="用户名" type="text" name="name">
          </div>
          <div class="form-group">
            <input class="form-control" placeholder="密码" type="password" name="password"><input type="submit" value="&#xf054;">
          </div>
          <div class="form-options clearfix">
            <a class="pull-right" href="#">忘记密码</a>
            <div class="text-left">
              <label class="checkbox"><input type="checkbox"><span>记住密码</span></label>
            </div>
          </div>
        </form>
        <div class="social-login clearfix">
          <a class="btn btn-primary pull-left facebook" href="index-2.html"><i class="icon-facebook"></i>QQ登录</a><a class="btn btn-primary pull-right twitter" href="index-2.html"><i class="icon-twitter"></i>邮箱登录</a>
        </div>
        <p class="signup">
          没有一个用户？ <a href="signup1.html">注册帐号</a>
        </p>
      </div>
    </div>
  </body>
</html>
